﻿@{
    Page.Title = "Biblioteca";
    Layout = "_Layout.cshtml";
}

<header>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/BookShelf.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquerybookshlefslider.min.js"></script>

    <link  href="css/BookShelf_Slider.css" rel="stylesheet" type="text/css"/>
    <link href="css/Skin01.css" rel="stylesheet" type="text/css" />
</header>
<div id="content_right">
      
          <h1>Mi Biblioteca</h1>
      
 

<div id="bookshelf_slider">

    <div class="panel_title">
        <div class="selected_title_box"><div class="selected_title">Selected Title</div></div>
        
        <div class="menu_top">
            <ul>
                <li class="show_hide_titles"><a href="#">Titles</a></li>
                <li class="show_hide_icons"><a href="#">Icons</a></li>
            </ul>
        </div>
    </div><!-- .panel_title -->
    
    <div class="panel_slider">
    	<div class="panel_items">
        
            <div class="slide_animate">
            	<div class="products_box" id="products_box_1">
                    <div class="product" data-type="book" data-popup="true" data-url="images/como-el-olvido-congela-los-besos.jpg" title="Libro"><img src="images/como-el-olvido-congela-los-besos.jpg"/></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/elcirco.jpg" title="Libro"><img src="images/elcirco.jpg" /></div>
					<div class="product" data-type="book" data-popup="true" data-url="images/CuentosParaComer.jpg" title="Libro"><img src="images/CuentosParaComer.jpg" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/la-puerta-oculta.jpg" title="Libro"><img src="images/la-puerta-oculta.jpg"  /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/el-remo-de-caronte.jpg" title="Libro"><img src="images/el-remo-de-caronte.jpg" /></div>
                    <!--<div class="product" data-type="magazine" data-popup="true" data-url="images/magazine_large.png" title="Magazine"><img src="images/magazine.png" /></div>
                    <div class="product" data-type="dvd" data-popup="true" data-url="images/dvd_large.jpg" title="DVD1 Info"><img src="images/dvd.jpg"  /></div>
                    <div class="product" data-type="dvd" data-popup="true" data-url="images/dvd_large.jpg" title="DVD2 Info"><img src="images/dvd.jpg" /></div>
                    <div class="product" data-type="dvd" data-popup="true" data-url="images/dvd_large.jpg" title="DVD3 Info"><img src="images/dvd.jpg" /></div>
                    <div class="product" data-type="cd" data-popup="true" data-url="images/cd_large.jpg" title="Info CD1"><img src="images/cd_01.jpg"  /></div>
                    <div class="product" data-type="cd" data-popup="true" data-url="images/cd_large.jpg" title="Info CD2"><img src="images/cd_01.jpg"  /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/tablet_large.jpg" title="Tablet 1"><img src="images/tablet.png" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/tablet_large.jpg" title="Tablet 2"><img src="images/tablet.png" /></div>
                    <div class="product" data-type="cd" data-popup="true" data-url="images/cd_large.jpg" title="Info CD3"><img src="images/cd_01.jpg"/></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="Phone"><img src="images/phone.png" /></div>-->
            	</div>
            </div>
            
            <div class="slide_animate">
            	<div class="products_box" id="products_box_2">
                	<div class="product" data-type="book" data-popup="true" data-url="images/como-el-olvido-congela-los-besos.jpg" title="Libro"><img src="images/como-el-olvido-congela-los-besos.jpg" alt="" width="76" height="107" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/magazine_large.pngCuentosParaComer.jpg" title="Libro"><img src="images/el-remo-de-caronte.jpg" alt="" width="76" height="107" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/images/DerechoMercantil.JPG" title="Libro"><img src="images/DerechoMercantil.JPG" alt="" width="76" height="107" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="Peticiones" title="Libro"><img src="images/Eljuegodepelota.jpg" alt="" width="76" height="107" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="images/la-ladrona-de-libros.jpg" title="Libro"><img src="images/la-ladrona-de-libros.jpg" alt="" width="76" height="107" /></div>
            	</div>
            </div>
            
          <!--  <div class="slide_animate">
            	<div class="products_box" id="products_box_3">
					<div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="images/phone_large.jpg" title="$789"><img src="images/phone.png" alt="" width="47" height="89" /></div>
            	</div>
            </div>
            
            <div class="slide_animate">
            	<div class="products_box" id="products_box_4">
                	<div class="product" data-type="" data-popup="true" data-url="http://www.youtube.com/watch?v=C05pGnZQQtE" title="Youtube"><img src="images/someproduct.png" alt="" width="97" height="97" /></div>
                    <div class="product" data-type="" data-popup="true" data-url="http://vimeo.com/6382511" title="Vimeo"><img src="images/someproduct2.png" alt="" width="280" height="107" /></div>
                    <div class="product" data-type="book" data-popup="true" data-url="content/iframe_content.html?size=450x330&amp;id_prod=123" title="Iframe HTML Content"><img src="images/someproduct.png" alt="" width="97" height="107" /></div>
            	</div>
            </div>-->
            
        </div><!-- panel_items -->
    </div><!-- panel_slider -->
    
    <div class="panel_bar">
    	<div class='buttons_container'>
            <div id="arrow_box"><div id="arrow_menu"></div></div>
            <div class="button_items">
                <div id="btn1" class="button_bar"><a href="#">Libros en espera</a></div>
                <div id="btn2" class="button_bar"><a href="#">Mis Libros</a></div>
               <!-- <div id="btn3" class="button_bar"><a href="#">Phones</a></div>
                <div id="btn4" class="button_bar"><a href="#">Some Product</a></div>-->
            </div>
		</div>
    </div>
    
</div><!-- bookshelf_slider -->


    </div> <!-- fin de contenedor derecho  -->